/*
    通用
*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html,
body {
	--main-color: #ff3c29;
	--content-color: #fcedeb;
	/* height: 100%; */
	/* overflow: auto; */
	/* -webkit-overflow-scrolling: touch; */
}

body {
	position: relative;
}

input {
	/* height: unset; */
}

view {
	box-sizing: border-box;
}

uni-page-body {
	/* height: 100%; */
}
.hoverclass {
	background-color: #000000;
}
.uni-flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
}
uni-toast {
	z-index: 10111 !important;
}
.uni-flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.uni-flex-column {
	display: flex;
	flex-direction: column;
}

.uni-flex-item {
	flex: none;
}

.uni-flex-title {
	justify-content: space-between;
	align-items: center;
}

.uni-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.uni-flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.uni-center {
	text-align: center;
}

.uni-relative {
	position: relative;
}

.uni-underline {
	border-bottom: 1rpx solid #f5f5f5;
}

.empty_div {
	height: 500rpx;
}

/*视频*/
.uni-video {
	width: 550rpx;
	height: 480rpx;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.uni-video video {
	margin-top: 44rpx;
	width: 450rpx;
	height: 280rpx;
	border-radius: 8px;
}

.uni-video-title {
	margin-top: 32rpx;
	margin-bottom: 16rpx;
}

.uni-video-ename {
	font-size: 18rpx;
	line-height: 1;
}

/*
    带下划线标题
*/
.uni-text-derline {
	border-bottom: #211f2d solid 1rpx;
	/* height: 30rpx; */
	font-size: 24rpx;
	line-height: 1;
	padding-bottom: 16rpx;
}

.uni-title {
	padding-top: 50rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.uni-title-cn {
}

.uni-title-en {
	font-size: 18rpx;
	line-height: 1;
}

/*
    页面
 */
page {
	background-color: #f4f4f4;
	padding: 0;
	margin: 0;
}

* {
	box-sizing: border-box;
}

.uni-view {
	background-color: #ffffff;
}

.uni-view + .uni-view {
	margin-top: 20rpx;
}

.uni-height-full {
	height: 100%;
}

.uni-view .head {
	padding: 20rpx 36rpx;
}

/*
    按钮
 */
.uni-button {
	display: block;
	height: 60rpx;
	width: 480rpx;
	margin: 0 auto;
	text-align: center;
	/* background-color: #101010; */
	line-height: 60rpx;
	font-size: 26rpx;
	color: #f6f6f6;
	border-radius: 30rpx;
}

/*
    颜色
 */
.uni-background-primary {
	background-color: #ffffff;
}

.uni-background-gray {
	background-color: #f4f4f4;
}

.uni-background-button {
	background-color: var(--main-color) !important;
	color: #fff !important;
}
.button-hover {
	background-color: var(--content-color) !important;
}
.sell_text {
	color: #999;
}

.name_text {
	color: #000000;
}

.price_text {
	color: #ff3c29;
}

.uno-background- {
}

/*
    表单
 */
.uni-input-text {
	border: 1px solid #dcdcdc;
	padding-left: 20rpx;
	border-radius: 10rpx;
}

/*
    商品
 */
.uni-flex-item {
	padding: 20rpx;
	border-radius: 10rpx;
	margin-bottom: 20rpx;
	box-sizing: border-box;
}

.uni-flex-item image {
	width: 100%;
	height: 290rpx;
}

.uni-flex-item .name {
	box-sizing: border-box;
	padding: 0rpx 8rpx;
	font-size: 24rpx;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
}

.uni-flex-item .price {
	color: #000000;
	font-weight: bolder;
}

/* 图片加载 */
.component-img-lazyload {
	min-height: 290rpx;
}

/*
    字体
 */
.lg-font {
	font-size: 30rpx;
}

.mid-font {
	font-size: 28rpx;
}

.sm-font {
	font-size: 24rpx;
}
.main-color{
	color: var(--main-color) !important;
}
.uni-flex-title .title {
	font-size: 30rpx;
}

.uni-flex-title .more {
	font-size: 24rpx;
	line-height: 1;
	color: #696969;
}

.uni-flex-title .iconfont {
	font-size: 24rpx;
	color: #696969;
}

/* #ifdef APP-PLUS || MP-WEIXIN */
checkbox .wx-checkbox-input {
	transform: scale(0.9, 0.9);
	border-radius: 50%;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	border: 2rpx solid #ff3c29;
	background: #ff3c29;
	color: #fff !important;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
	font-size: 28rpx;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border-color: #007aff;
}

/* #endif */
.uni-checkbox-input {
	transform: scale(0.9, 0.9);
	border-radius: 50% !important;
	border-color: d1d1d1;
}

.uni-checkbox-input.uni-checkbox-input-checked {
	border: 2rpx solid #ff3c29;
	background: #ff3c29;
	color: #fff !important;
}

.uni-checkbox-input.uni-checkbox-input-checked::before {
	font-size: 28rpx;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border-color: #d1d1d1;
}

::-webkit-scrollbar {
	display: none;
	/* Chrome Safari */
}

.line {
	width: 100%;
	height: 1rpx !important;
	background-color: #f5f5f5;
}

.l_pages {
	height: 100vh;
	display: box;
	display: flex;
	flex-direction: column;
}

.page_container {
	flex: 1;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	/* #ifdef H5 */
	height: 100%;
	/* #endif */
}

.tab_page_container {
	/* #ifdef H5 */
	height: calc(100vh - 120rpx);
	height: -webkit-calc(100vh - 120rpx);
	/* #endif */
}

.page_container .main {
	height: 100%;
}

.container {
	height: 100vh;
}

.u-form-item__body {
	align-items: center;
}

.u-form .uni-input-wrapper {
	min-height: 35px;
}

/* u-numberbox css */
.u-numberbox .u-icon__icon {
	font-size: 30rpx !important;
}

.u-icon-minus,
.u-icon-plus {
	width: 60rpx !important;
	height: 60rpx !important;
	border-radius: 50% !important;
}

.u-icon-minus {
	background: #ffffff !important;
	border: 1px solid #999999;
}


.u-icon-plus {
	background: var(--main-color) !important;
	box-shadow: 0px 0px 9px 0px var(--content-color);
	color: #ffffff !important;
}
.u-icon-disabled {
	box-shadow: none !important;
	border: 1px solid #999999 !important;
}

.u-number-input {
	background: #ffffff !important;
}

.u-btn:after {
	border: none !important;
}

.sharepup .u-mode-center-box {
	background-color: transparent !important;
}

.u-content__showmore-wrap__readmore-btn__icon {
	margin-left: 0 !important;
}

.u-content__showmore-wrap {
	margin: 0 !important;
	padding: 0 !important;
}

.vip-price {
	background-color: #ffe2e6;
	padding: 5rpx 10rpx;
	border-radius: 6rpx;
	overflow: hidden;
	display: flex;
	line-height: 1;
	align-items: center;
	color: #ff5339;
	font-size: 24rpx;
}

.popup-content {
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 50rpx;
	box-sizing: border-box;
}
.popup-content .content_title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 10rpx;
}
.l-gap {
	width: 100%;
	height: 50rpx;
	position: fixed;
	bottom: 0;
	background: #ffffff;
	z-index: 10;
}
.l-gap-f{
	width: 100%;
	height: 50rpx;
	background: #ffffff;
}
.top_50{
	bottom: 50rpx!important;
}
.trolly_div{
	/* #ifdef MP-WEIXIN */
	max-height:calc(90vh - 600rpx);
	/* #endif */
	/* #ifndef MP-WEIXIN */
	max-height:calc(100vh - 600rpx);
	/* #endif */
}


